<table class="index" id='listing_states' data-hook>
  <colgroup>
    <col style="width: 70%" />
    <col style="width: 15%" />
    <col style="width: 15%" />
  </colgroup>
  <thead>
    <tr data-hook="states_header">
      <th><%= Spree::State.human_attribute_name(:name) %></th>
      <th><%= Spree::State.human_attribute_name(:abbr) %></th>
      <th class="actions"></th>
    </tr>
  </thead>
  <tbody>
    <% @states.each do |state| %>
      <tr id="<%= spree_dom_id state %>" data-hook="states_row" class="<%= cycle('odd', 'even')%>">
        <td><%= state.name %></td>
        <td class="align-center"><%= state.abbr %></td>
        <td class="actions">
          <% if can?(:update, state) %>
            <%= link_to_with_icon 'edit', Spree.t('actions.edit'), edit_admin_country_state_url(@country, state), :no_text => true %>
          <% end %>
          <% if can?(:destroy, state) %>
            <%= link_to_delete state, :no_text => true %>
          <% end %>
        </td>
      </tr>
    <% end %>
    <% if @states.empty? %>
      <tr><td colspan="3"><%= Spree.t(:none) %></td></tr>
    <% end %>
  </tbody>
</table>
